@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base{
  html{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Lato, Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  }
}

@layer utilities{
  .bg-avatar{
    background: url("../../public/images/avatar.gif");
  }
  .bg-header{
    background: url("../../public/images/bg.png");
  }
  .bg-position-y-80{
    background-position-y: 80%;
  }
  .bg-auto{
    background-repeat: no-repeat;
    background-size: cover;
  }
}